PN LL ana 


BAB 2 AR 


Menata “ 
: V 
Tampilan Website | v 
v 
Y 


Selanjutnya adalah mulai menata content website. Namun sebelum 
masuk ke dalam menu tersebut, Anda harus sudah memiliki gambaran 
dan juga materi yang akan Anda masukkan ke dalam website. Siapkan 
semuanya termasuk ukuran gambar yang sudah dikompres sehingga 
tidak terlalu besar. Gambar yang terlalu besar, baik dalam ukuran file 
maupun resolusi akan berakibat website membutuhkan waktu lebih 
lama untuk loading. Sebaiknya semua gambar sudah dikompres sedemi- 


kian rupa namun tetap terlihat optimal. 


Karena Anda akan membuat website menggunakan theme maka se- 
baiknya Anda terlebih dahulu melihat contoh theme yang akan digu- 
nakan. Dari sana Anda akan memiliki gambaran apa saja yang perlu 
disiapkan untuk mengisi website dan juga ukuran file gambar yang 


sesuai dengan tata letak layout website. 


21 Pengaturan Panel Theme 


Khusus untuk theme premium, setiap theme akan dilengkapi dengan 
panel theme dalam melakukan berbagai penyetingan yang berkaitan 


dengan fitur dari theme tersebut. 
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Setiap provider theme premium memiliki sistem panel theme sendiri- 
sendiri, namun tetap mudah untuk diaplikasikan. Di dalam theme yang 
kita gunakan ini, juga terdapat panel theme seperti gambar di bawah ini. 
Kita akan membedahnya satu per satu untuk mempermudah pema- 
haman Anda sehingga meski nanti di kemudian hari Anda menggunakan 
theme dari provider lainnya, Anda sudah paham dan dapat menggu- 


nakan theme tersebut dengan cepat. 


| | General Settings 

General Settings 

Logo Name 

Nan Write down the logo name for your website 
Footer Settings 


Tarrandus @ 2012. All Rights Reserved Customize the footer description, you can edit this 
portion or leave itas itis 


Do you want to Enable Homepage Blog? 


Blog Short Message 


Hello this is the default message that can be seen in the homepage in Enter some catchy message on homepage blog 
recent Blog post section 


Enable Social Icons on Headers? 


Do you want to Enable Social Icons 


Panel Theme untuk Melakukan Penyetingan yang Berkaitan dengan Desain 
e Anda dapat masuk ke dalam panel theme melalui menu 


Er) Appearance 


# Kemudian klik Tarrandus Options 


e Anda akan masuk ke dalam panel theme, langkah selanjutnya 


adalah melakukan penyetingan. 
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AN) General Setting 


General setting adalah penyetingan umum yang ada pada theme ini. Di 


sini ada beberapa fitur, yaitu: 


Logo Name: untuk menyeting logo. Sayangnya, di sini tidak disedikan 


fitur logo untuk gambar, jadi logo hanya berbentuk text saja. 


e Untuk melakukan penyetingan cukup ganti text pada kolom 


logo, sekarang ini bertuliskan: Logo Name. 


e Sebagai contoh, saya akan menggantinya dengan text ber- 


tuliskan: Logo Perusahaan Saya. 


Logo Name 
Logo Perusahaan Saya 


Logo Website 


Save Options 
e Selanjutnya tekan tombol 


e Dan lihat hasilnya pada halaman website. 


LOGO PERUSAHAAN SAYA 


Home Sample Page 


Hasil Perubahan pada Halaman Website 
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Footer Settings: untuk menyeting text pada footer sehingga Anda tidak 
perlu membongkar theme dan mengganti code pemograman untuk 


menambah text pada footer agar sesuai dengan kebutuhan Anda. 


e Pada kolom Footer, sekarang ini berisikan text: Tarrandus O 


2012. All Rights Reserved. 


e Silakan ganti sesuai dengan kebutuhan Anda, sebagai contoh 


saya menuliskan PT. Saya O 2013. All Rights Reserved. 


Footer Settings 


PT. Saya @ 2013. All Rights Reserved. 


Mengubah Text Footer 


Save Options 


e Selanjutnya tekan tombol 


e Dan lihat hasilnya pada halaman website. 


Blog Short Message: untuk menampilkan pesan pada block blog. Jika 


digunakan maka akan terlihat di halaman depan. 


Do you want to Enable Homepage Blog? 
e Beri tanda centang pada 


e Isi pada kolom Blog Short Message dengan kalimat yang 


menarik. 
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Do you want to Enable Homepage Blog? 


Blog Short Message 
Dapatkan informasi produk terbaru dan penawaran discount dari Ente 


erusahaan kami 


Menyeting Blog Short Message 


e Selanjutnya tekan tombol 


e Dan lihat hasilnya pada halaman website. 


Latest Blog Posts 


Hello world! 
Hello this is the default message that L, 
5 7 5 8 BE January 19, 2012 DH 4 Comments 
can be seen inthe homepage in recent 
portfolio section. Welcome to WordPress. This is your 
first post. Edit or delete it, then start. 


Read more s 


Hasil Perubahan pada Website 


Enable Social Icons on Headers?: untuk menampilkan ikon dan link 
menuju ke account jejaring social yang Anda miliki. Hal ini menjadi 
keuntungan sendiri sehingga Anda tidak perlu melakukan instalasi 


extension atau melakukan penambahan kode program. 
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. Do you want to Enable Social Icons? 
e Beri tanda centang pada kolom : 


e Selanjutnya masukkan link social network yang Anda miliki. 


e Saya tidak memiliki account di Flickr Gallery dan Linkedin, jadi 
saya kosongkan saja. Nantinya ikon tidak akan ditampilkan jika 


url dikosongkan. 


Enable Social Icons on Headers? 


ri Do you want to Enable Social Icons? 
Facebook Fanpage 


https:Iwww.facebook.com'su.rahman.page Enter your facebook fanpage 


Twitter Account 


http:Mmww.twitter.comisu rahman. id Enter Twiiter Profile 


Flickr Gallery 

Enter your Flickr URL 
Linkedin URL 

Enter your Linkedin URL 


Mengisi Data Pensettingan Enable Social Icons on Headers? 


e Selanjutnya tekan tombol 


e Dan lihat hasilnya pada halaman website. 


Search 


Penambahan Ikon Jejaring Sosial pada Halaman Website 


B) Heading & Color Settings 


Heading & Color Settings untuk mengubah tampilan desain pada header 
website, dengan cara mengubah warna background dengan Pattern 


yang sudah disediakan oleh theme. 


Header Pattern: Theme sudah menyediakan 20 yang bisa Anda gunakan 
sesuai dengan selera dan kebutuhan Anda. Untuk mengubahnya juga 


sangat mudah, yaitu: 


e Pada kolom Header Pattern silakan cari pattern yang diinginkan 
dengan cara mengubah drop down menu pattern, seperti 


gambar di bawah ini. 
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Header Pattern 6 LVJ 


Header Pattern 1 
Header Pattern 2 
Header Pattern 3 
Header Pattern 4 
Header Pattern 5 


Header Pattern 6 
Header Pattern 7 - 
Header Pattern 8 r 
Header Pattern 9 

Header Pattern 10 
Header Pattern 11 
Header Pattern 12 
Header Pattern 13 
Header Pattern 14 
Header Pattern 15 
Header Pattern 16 
Header Pattern 17 
Header Pattern 18 
Header Pattern 19 
Header Pattern 20 


Memilih Pattern untuk Header Website 


e Jika sudah memilih salah satu Pattern, seperti 


Header Pattern 19 


, tekan tombol 


e Silakan lihat hasilnya pada halaman website. 


LOGO PERUSAHAAN SAYA 


Latest Blog Posts 


Habis itus ie me dafaut massage that barisan 10/2015 9D 4 Career 


(an be seen in Pre hammepapk in tecert 
porieno setben Welcome to WordPress. This is your 
Iirst port Edit or deboti It, thor start 


Teead marga 


Hasil Penggunaan Pattern 19 


Upload Header Pattern: untuk menggunakan Pattern yang Anda miliki 
sendiri. Silakan lakukan upload Pattern yang Anda miliki berupa gambar 
dalam format jpeg atau lainnya. Dan jika sudah, simpan perubahan dan 


lihat hasilnya pada halaman website. 


CO) Portfolio Setting 


Portfolio Setting untuk menampilkan gambar di halaman home yang 
biasanya diambil dari portfolio, atau berupa gambar-gambar lain yang 


mencerminkan hasil sebuah perkerjaan atau sample produk unggulan. 


e Untuk mengaktifkannya, cukup beri tanda centang pada 


Do you want to Enable Homepage Portfolio? 


e Selanjutnya pada kolom Portfolio Short Message, isikan dengan 
pesan singkat yang menarik untuk mewakili fungsi kolom 


Porfolio. 


e Kemudian tekan tombol 
e Selanjutnya cara mengisi konten Portfolio, masuk ke dalam 
menu INN Portfolio 


» Kemudian klik link Add New | 


e Selanjutnya isi judul dan sedikit keterangan. 
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e Tekan tombol 


4? Edit Post Asanew 


Sample 1 


Permalink: httpMwww.i.surahman.co/?porfolio-sample-1 | Change Permalinks 


View Post 
(8) Add Media 


BI mEraru #s-aE 


VE 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. 
Sed non enim lorem.. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem..Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. 
Sed non enim lorem.. 


Mengisi Judul dan Keterangan Singkat 


Set featured image 


e Selanjutnya untuk memasukkan gambar, klik 


dan upload gambar yang ingin Anda tampilkan. 


e Ulangi langkah yang sama untuk mengisi kolom halaman home 


dengan gambar-gambar yang menarik. 


42 


Our Latest Projects 


Prnour terbaru karni 


Sammpio 2 Sample 1 


dolor 81 arrvet Lorem Ipsum dotor sit amet, 


ing eat Aengan a ma conwectelur adipiscing sin. Aengan & 


Latest Blog Posts 


Hasil Pemasangan Kolom Portfolio pada Halaman Website 


Jika gambar diklik maka akan keluar effect LightBox yang mem- 
buat website terasa lebih modern dan berkelas karena mengan- 


dung teknologi pemrograman terbaru. 


Effect LoghtBox pada Gambar Portofolio 


D) Welcome Msg 


Welcome Msg adalah sebuah pesan selamat datang yang ada di halaman 


home (depan) website. Bisa diisi dengan slogan produk unggulan dan 


diberikan tombol menuju halaman yang dituju, berisikan informasi detail 


mengenai produk tersebut. 


Beri tanda centang pada kolom 


Do you want to show Welcome Message on Homepage? 
Pada kolom Welcome Title isi dengan kalimat yang menarik dan 
menggugah pengunjung. 


Pada kolom Welcome Message isikan dengan kalimat singkat 


yang menarik. 
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e Tekan tombol untuk menyimpan hasil peru- 


bahan. 


e Dan lihat hasilnya pada halaman website. 


Dapatkan discount 5044 


Discount 804 setiap pembelian printer Canon, kesempatan ini terbatas. Lorem Ipsum dolar sit amet. consertetur adipiscing Sm. Angan a negUe Mi 
Donee dapibus aliguam iaculs. Sed non enim lorem 


Our Latest Projects 


Produk terbaru kami 


Sample 3 Sampte Z Saanple 1 


Hasil Perubahan Pesan Selamat Datang pada Halaman Website 


e Anda bisa menambahkan sebuah tombol yang menuju pada 
suatu halaman tertentu. 
e Beri tanda centang pada kolom 


Do you want to show Welcome Message Button? , 


e Kemudian pada Button Name isikan text tombol yang ingin 


Anda tampilkan. 


e Selanjutnya pada kolom Button Link isikan alamat url tujuan. 


Do you want to show Welcome Message Button? 
Button Name 


Dapatkan ! Vvrite down the Name Forthe Button 


Button Link 


http:/fwww.i.surahman.co/?page id-2 Vvrite down the Link For the Button 


Penyetingan Tombol 


Options 


e Jika sudah, tekan tombol 


e Dan lihat hasilnya pada halaman website. 


Dapatkan discount 5096 


Sarnple 3 


Hasil Perubahan Pesan Selamat Datang Penambahan Tombol 


E) Featured Service 


website. 


Feature Service adalah sebuah fitur berupa penambahan kolom pada 
halaman website. Isi informasi dapat Anda gunakan untuk mempro- 


mosikan jasa usaha atau produk yang Anda miliki melalui halaman 


e Beri tanda centang pada kolom 


Do you want to Enable Featured Service on home page? 


e Options 


e Setelah itu tekan tombol 


e  Dansilakan lihat hasilnya pada halaman website. 
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an Ae CpY 
Dapatkan discount 507 


y Featured Service 4 
A it p ussim 
P 


Our Latest Project 


Produk terbaru kami 


Penambahan Kolom Featured Service 


e Anda dapat menata tampilan dan isi Featured Service tersebut 
dengan cara mengubah Featured Service Title dengan text yang 
Anda inginkan, sesuai dengan kolom informasi yang ditayangkan 


di halaman website. 


Featured Service Title 


Keunggulan Enter title for the Service Feature 


Mengganti Text Mengubah Featured Service Title 


e Selanjutnya Anda bisa mengubah ikon yang ditampilkan melalui 
kolom Choose an Icon. Pilih salah satu ikon yang ada di dalam 


daftar (menggunakan dropdown menu). 


e Ubah isi Featured Service Description dengan text yang 
berkaitan dengan isi informasi yang ingin ditampilkan pada 


halaman website. 


Featured Service Title 
Keunggulan Enter title forthe Service Feature 
Choose an Icon 


Icon 14 “ Let's you Choose from 1 to 45 kinds of icons 


Featured Service Description 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue Enter Description forthe Service Feature 
mi. Donec dapibus aliguam iaculis. Sed non enim lorem. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue 
mi. Donec dapibus aliguam iaculis. Sed nan enim forem 


Menyeting Tampilan Featured Service 


e Silakan lakukan untuk kolom lainnya. Jika sudah, tekan tombol 


p pernbetan pririi 


Discount 
retur adipiscing elit. Arnean d 


cons 


MS Keunggulan 


L 


Hasil Penggunaan Featured Service 


F) Sliders 


Slider adalah sebuah fitur yang sedang populer sekarang ini. Sebuah 
website tampak kurang lengkap tanpa adanya slider. Untuk melengkapi 
website dengan Slider, Anda harus mempersiapkan sebuah gambar 
dengan ukuran 972 X 342 px untuk gambar slidernya. Siapkan minimal 


5 buah gambar untuk slider. 
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Beri tanda centang pada kolom 


Do you want to Enable Slider on home page? 


Kemudian tekan tombol 


Selanjutnya mengisi gambar slider agar tampil di halaman 


website. 


Masuk ke dalam menu » Bela 


Kemudian tekan tombol AYU New 


Masukkan judul dan isi keterangan yang ingin ditampilkan pada 


halaman website. 


3? Add New Post 


Slider 1 

Permalink: http:/Iwww.i.surahman.co/?post type-porffolio&p-23 | Change Permalinks 

Ta 

(Bh Add Media Visual | | Text 
BImIEr «ES AYAM EN: 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aengan a negue mi. 
Donee dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. 
Sed non enim lorem.. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. 
Sed non enim lorem.. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donee dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. 
Sed non enim lorem.. 


Mengisi Data untuk Konten Slider 


| : 
Kemudian tekan tombol Sel tealured (mane ' 


Upload file gambar yang ingin ditampilkan untuk slider. 


featured image 


Kemudian tekan tombol 


Featured Irnage 


Remove featured image 


Hasil Pemasangan Feature Image untuk Slider 


Publish 


e Tekan tombol 


e Silakan lakukan dengan cara yang sama untuk minimal jumlah 


3 gambar agar slider di website dapat terlihat bagus. 


LOGO PERUSAHAAN SAYA 


Hasil Pemasangan Slider pada Halaman Website 
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Keterangan: khusus untuk penggunaan theme karena Anda meng- 
gunakan theme yang sudah jadi, maka perlu diperhatikan ukuran 
gambar di dalam slider yang ada pada theme yang akan Anda gunakan. 
Pastikan Anda memiliki gambar yang proporsional untuk dipasang di 


dalam slider tersebut. 


Selain menggunakan gambar, Anda juga bisa membuat desain dengan 
menampilkan pesan promosi pada slider. Silakan gunakan daya kreati- 


vitas Anda untuk menghasilkan website yang menarik. 


"Simplicity is the sign of perfection” 


Contoh Penggunaan Slider pada Website http://www.trocaderopatisserie.com/ 


“Melayani Dengan Sepenuh Hati, Memberi Yang Terbaik Bagi Setiap Pribadi" 


Contoh Penggunaan Slider pada Website http://www.birojasa-sugengjaya.com/ 
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Meski setiap provider theme memiliki panel theme-nya sendiri-sendiri, 
namun rata-rata penggunaannya sama. Perhatikan pada penggunaan 


featured image untuk pemasangan slider dan thumbnail website. 


Rata-rata para provider tersebut menyediakan file berbentuk PDF hingga 
video untuk tutorial cara penggunaan theme mereka, dan mereka juga 
menyediakan support berbentuk forum Tanya-Jawab khusus untuk 
anggotanya. Oleh karenanya, pastikan membeli produk dari provider 


aslinya agar Anda mendapatkan support. 


Selain menggunakan theme premium, Anda bisa juga membuat theme 
khusus untuk WordPress sendiri, caranya dengan menggunakan 


software Artisteer. 


Artisteer adalah software theme generator populer untuk membuat 
theme bagi website berbasis WordPress, Joomla, Drupal dan juga 
BlogSpot. Artisteer menjadi populer karena mudah dioperasikan dan 


hasilnya dapat diandalkan. 


Bagi yang menginginkan cara membuat theme sendiri menggunakan 
Artisteer, dapat membaca buku saya yang berjudul Web Designer Must 
Have Book sebagai bahan referensi. Buku setebal 189 halaman tersebut 
berisikan tutorial cara membuat theme WordPress, Joomla, Drupal dan 
Blogspot dengan cara instan, yang mana hanya dibutuhkan 10 s.d. 15 
menit, seseorang yang tidak mengerti bahasa pemrograman dapat 


menghasilkan template untuk kebutuhan website-nya. 
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@gartisteer 


# Home " : 
Artisteer - Automated Web Designer 
€ Overview 
€ Demo Artisteer is tha first and only Web design 
Jutomation product that anstantly croates fantastic 
€ Screenshots looking, unigue website templates and blog themes, 
@ Samples Oo Design awesome blogs and cool web 
templates in minutes 
€ Download P 
Export to Blogger, Joomla, Wordpress and 
€ Purchase other CMS products 
& Forums No need to learn Photoshop, CSS, HTML or 
other tochnologios 
€ News 
o Fun and nasy to usa! 
# Docs & FAO 
Create complete websites and blogs, edit 
# Articles pages, wnte content, and publish online! 
@ Testimonials Oo Preview, download and edit online websita 
€ Support 
With Artisteer YOU immediately become a Web 
8 Contact Us design oxport, editing and shcng graphscs, coding 
XHTML and c and creating Web Design 
@ Arrillates Templates, templates, Drupal thama 
No th 10 e and Slogoe 


ter 
Dreamweaver, and no technical skills. 


http://www.artisteer.com/ - Artisteer Theme Generator 


2.2 Membuat Halaman 


Di dalam WordPress ada dua cara membuat halaman website, yaitu 


dengan: 


A) Pages 


Pages adalah sebuah fitur untuk membuat halaman tunggal. Fitur ini 
sangat berguna untuk membuat halaman-halaman informasi tunggal. 
Seperti pembuatan halaman profile, service, contact us dan lain 


sebagainya. 


Untuk website company profile, sebaiknya membuat halaman informasi 
dengan menggunakan fitur Pages ini, agar nantinya pengaturan menu 


dapat diatur lebih mudah dan lebih fleksibel. 


Langsung saja kita memulainya membuat halaman dengan fitur Pages, 


caranya: 
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Masuk ke dalam menu IL) Pages 


Kemudian klik link Add New ' 


Isi dengan informasi yang ingin Anda tampilkan pada halaman 
website. 


IX Add New Page 
Our Profile 


Permalink: hittp:/imua 


surahman.co/?page id-34 | Change Permalinks 


(8) Add Media Visual | Text 


PPN ae 


ASI —H 


BI me « 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
iaculis. Sed non enim lorem.. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
jaculis. Sed non enim lorem.. 


Pengisian Konten pada Fitur Pages 


Silakan lihat hasilnya pada halaman website. 


Jika sudah, tekan tombol 


Home Sample Page Our Profile 


Berhasil Membuat Halaman Our Profile 
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Secara default, WordPress akan membuat menu baru berda- 
sarkan judul yang dimasukkan sewaktu membuat halaman 
dengan fitur Pages. Silakan klik link menu Our Profile tersebut, 


Anda akan masuk ke halaman yang tadi Anda buat. 


Untuk penataan menu, akan kita bahas pada Bab 3 Menata 


Menu. 


Silakan ulangi membuat beberapa halaman lainnya dengan cara 


yang sama. 


LOGO PERUSAHAAN SAYA 


Home Sample Page Our Profile Our Service Benefit 


Hasil Pembuatan Halaman-Halaman Website dengan Fitur Pages 
Untuk menghapus halaman yang sudah dibuat, caranya sangat 


mudah, masuk ke dalam menu IE Pages 


Kemudian klik link “'! Pages 


Anda akan melihat daftar halaman yang sudah pernah Anda 
buat. 


Al | Published 


BulkActions vw Apply Show all dates w Filter 


Title 


Benefit 


Our Profile 


Our Service 


Sample Page 


Title 


Daftar Halaman yang Sudah Pernah Dibuat 


Menghapus Halaman yang Sudah Pernah Dibuat 


e Untuk menghapus halaman yang ingin dihapus, dekatkan mouse 


ke halaman tersebut. 
e Akan keluar menu penghapusan. 


Du Sample Page 
Edit | @uick Edit | Trash | View 


Menu Penghapusan 


e Selanjutnya klik saja Ink Trash . 


e Dan postingan akan masuk ke dalam panel Trash. 
Trash 
e Selanjutnya klik link untuk menghapus menu secara 


permanen. 


Delete Permanenitly 
e Dekatkan mouse dan kemudian klik menu ' 


Do Sample Page 
Restore | Delete Permanenitly 


Menghapus Secara Permanen 


B) Posts 


Post adalah sebuah fitur pembuatan halaman yang dapat dike- 
lompokkan ke dalam kategori-kategori tertentu. Fitur ini sangat cocok 
untuk digunakan pada blog. Bagi website company profile dapat juga 
menggunakan fitur ini untuk kebutuhan artikel yang dibuat khusus untuk 
SEO, News atau informasi update lainnya yang dikelompokkan ke dalam 


kategori-kategori. 


Sebelum membuat halaman dengan fitur ini, Anda terlebih dahulu harus 


membuat kategori-kategori untuk mengelompokkan halaman website. 


“3 Posts 
e Masuk ke menu 


e Kemudian klik link “Stegories 


e Sebelum membuat kategori baru, secara default WordPress 
sudah membuat kategori dengan nama Uncategorized. Kategori 
tersebut tidak bisa dihapus, tetapi harus di-rename. 

Bulk Actions w Apply 


CU) Name Description 


Uncategorized 


CU) Name Description 
BulkActions w | Apply 


Kategori Uncategorized yang Dibuat Secara Default oleh WordPress 


e  Dekatkan mouse ke dalam kategori Uncategorized, akan keluar 
menu. 
Edit 


e Kemudian klik 
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Uncategorized 
Edit | @uick Edit | View 


Me-rename Kategori Uncategorized 


Silakan ganti kategori tersebut dengan yang ingin Anda gunakan 


di dalam website, semisal Artikel. 


3” Edit Category 


Name Artikel 
The name is how itappes 
Slug Artikel 


The “siug" is the URL-frier 


humbers, and hyohens 


Mengubah Kategori Uncategorized Menjadi Artikel 


Selanjutnya tekan tombol 


Dan kategori sudah berubah. 


Bulk Actions w Apply 


C1 Name Description 
Artikel 
H1 Name Description 


Bulk Actions w Apply 


Berhasil Mengubah Kategori 


Setelah berhasil mengubah kategori, selanjutnya menambah 


kategori baru. 


Isi kategori yang ingin Anda gunakan pada kolom Name. 
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e Untuk kolom Slug dikosongkan saja. 


Add New Category 


Name 
Berita 


The name is how itappears on your site 


Slug 


rsion of the name 


and contains 


Oniy letters, 


Mengisi Kategori Baru 


Add New Category 


e Jika sudah, tekan tombol 
e Dan kategori baru berhasil dibuat. 


BulkActions w | Apply 


Name Description 
Dy Berita 

Artikel 
UI Name Description 


Bulk Actions w Apply 


Berhasil Membuat Kategori Baru 


Silakan mengulanginya dengan memasukkan kategori lainnya yang ingin 
Anda tampilkan ke dalam website. Untuk website company profile, 
nantinya kategori-kategori ini akan diisi dengan artikel untuk kebutuhan 
SEO. 


e Untuk membuat halaman baru di dalam fitur Posts ini, caranya 


s? Posts 
masuk ke dalam menu 
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» Kemudian klik link Add New 


e Silakan isi data konten informasi yang ingin ditampilkan pada 


halaman website. 


3? Add New Post 


) 
Postingan 1 
Permalink: http: i.surahman.co!?p-44 | Change Permalinks 
(Sh Add Media Mual Dan 
BI «BL “AN | 


Ie 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
iaculis. Sed non enim lorem. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aengan a negue mi. Donec dapibus aliguam 
jaculis. Sed non enim lorem. 


Mengisi Data Konten Infomasi 


e Pilih kategori yang terkait dengan isi postingan tersebut. 


Categories 
All Categories Most Used 


(el artikel 
CU Berita 


t Add New Category 


Memilih Kategori yang Terkait dengan Isi Postingan 


e Selanjutnya mengisi Tags untuk kebutuhan SEO. Masukkan 
keyword-keyword yang terkait dengan isi postingan. Anda dapat 


memasukkan sekitar 4 s.d. 10 keyword yang dipisahkan dengan 


Add 
tanda koma dan tekan tombol 
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hisnis, usaha, alat kantor, pulpe | Add 
Separate tags with commas 
Choose from the most used tags 


Mengisi Tags dengan Keyword yang Terkait dengan Isi Postingan 


e Jika sudah, tekan tombol | 


e Dan lihat hasilnya pada halaman website. Pada halaman home, 
secara default isi postingan terbaru akan dimasukkan ke dalam 
Latest Blog Posts jika Anda mengaktifkan fitur tersebut. Nanti 


pada Bab 3 Menata Menu, kita akan membahas cara penataan 


menu. 
Latest Blog Posts 
8 Postingan 1 Hello world! 

Dapatkan informasi produk dan layanan ng. : yap sa 111p 74 pngen 

jasa terbaru dari kami bTw4vnpppgaia png 
Lorem ipsum dolar sit amet, Welcome to WordPress. This is your 
consectetur adipiscing elit. Aenean a Tirst post. Edit or delete it, then start 
negue mi. Donec dapibus aliguam 
iaculis. Sed non enim lorem Read more s 
Read more» 


Hasil Penambahan Data Postingan Terbaru pada Halaman Home 


e Silakan isi dengan beberapa data postingan terlebih dahulu 
dengan cara yang sama. 


Menghilangkan Link Read more » 


Pada bagian bawah, Anda akan melihat link Read more », namun jika 
diklik tidak menuju halaman yang dimaksud. Sebaiknya Anda meng- 
hilangkan link Read more » tersebut agar tidak membingungkan 


pengunjung. 
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Postingan 3 
tel January 10, 2012- GB 4 Comments 


Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean 3 
negue mi. Donec dapibus aliguam 
jaculis. Sed non enim lorem... 


Read Tn » 


Menghapus Link Read more » 


Masuk ke dalam menu Appearance h 


Kemudian klik link Editor 


Cari dan klik "de-blog.php | 


functions. admin.php 
header-home.php 
header-sub.php 


Header 
(header.php) 


index-blog.php 
index-portfolio.php 


Main Index Template 
tindex.php) 


Mencari dan Mengklik Link index-blog.php 


Kemudian cari line kode 


Kbro«bro«a href-"#" Read more &raguo, «/ap«/pd 


Ca href-"#"Read more &raguo, «/ad 
Dan hapus z . 
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ca href-"blog-post.html#comments"»4 Comments«/ap«/span» 


«/divw 
«div class: 
«p: 
Kbro«bro«a href-"#"Read more &raguos «/ap«/pp 
«/div 


«/1ib 


Tampilan Line Kode Sebelum Dihapus 


ca href-"blog-post.html#comments"»4 Comments«/ap«/spand 


«/divw 
«div cla 
Kbro«bro«/pp 
«/div 


«/lid 
«(?php endwhile, 


Tampilan Line Kode Sesudah Dihapus 


Update File 


Tekan tombol 


Dan lihat hasilnya pada halaman website. 


Postingan 3 
Ira January TO, 2012 - lead 4 Comments 


Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Aenean a 
negue mi. Donec dapibus aliguam 
jaculis. Sed non enim lorem... 


Hasil Penghapusan Link Read more » 


Menghapus Data Postingan yang Sudah Pernah Dibuat 
e Selanjutnya cara menghapus data postingan yang sudah pernah 


dibuat, silakan masuk ke dalam menu Posts . 


# Kemudian klik link A'! Posis 


e Anda akan melihat daftar postingan yang pernah Anda buat, 


silakan pilih yang ingin dihapus. 


e  Dekatkan mouse pada postingan yang ingin dihapus dan akan 


keluar menu penghapusan. 


IN Hello world! 
Edit | Guick Edit | Trash | View 


Mulai Menghapus Postingan 


» Kemudian klik link Tash | 


e Postingan akan masuk ke dalam panel trash. Untuk menghapus 
Trash 


secara permanen, klik link 


e Kemudian dekatkan mouse ke dalam postingan yang ingin 


dihapus tersebut dan klik link Delete Permanently . 


Do Hello world! 
Restore | Delete Permanently 


Menghapus Secara Permanen 
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2.3 Menyisipkan Image 


Setelah mengetahui cara mengisi konten website, baik melalui Pages 
atau Posts, selanjutnya adalah cara menyisipkan gambar (image) 


ilustrasi. 


Masuk ke dalam menu Pages atau Post, kemudian buat halaman baru 
atau edit halaman yang sudah pernah dibuat. Selanjutnya mulai menyi- 


sipkan image ke dalam konten website. 


e Letakkan kursor pada tempat di mana image ingin ditampilkan. 


Add Media 
e Kemudian klik menu 


39 Edit Post Asanew 


Postingan 1 

Permalink: http:/ v.i.surahman.co!?p-44 | Change Permalinks | View Post 
(on . 

Uh Add Media Sisua 
BI as — «22 2 SS HS laa 


| 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
jaculis. Sed non enim lorem. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
iaculis. Sed non enim lorem. 


Menyisipkan Image Ilustrasi 


pie Upload Files | 
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Insert Media Insert Media 


Create Gallery Upload Files — Media Library 
Set Featured Image 


All media items S 


Insert from URL 


Mulai Menyisipkan Gambar Ilustrasi 


Select Files 
e Selanjutnya klik 


e Pilih gambar yang akan di-upload. 


e Tunggu sampai proses upload selesai. 


All media items Ng ATTACHMENT DETAILS 


cara-buat-theme-wordpress.jpg 
April 21, 2013 


Edit Image 
Delete Permanentiy 


Proses Upload Sudah Selesai 


e Masuk ke dalam kolom ATTACHMENT DISPLAY SETTINGS. 


Alianment | Right (vJ 


Ubah ———— ke posisi yang Anda inginkan. 
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ATTACHMENT DISPLAY SETTINGS 
Alignment | Right Mm 
Link To Media File Re 


http/Mwww.i.surahman.coh 


Size Medium — 300 x 300 Ni 


Mengatur Posisi Gambar 


e Kemudian tekan tombol 


Postingan 1 


Permalink: http/Mwww.i.surahman.co/?p-44 | Change Permalinks || View Post 


- . 
Add Media Visual | Text 


BIaw «Bu ASI 


iB 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. 
Donec dapibus aliguam iaculis. Sed non enim lorem.. Lorem ipsum dolor sit 
amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam 
iaculis. Sed non enim lorem. 


Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. 
Lenean a negue mi. Donec 
dapibus aliguam iaculis. Sed 
non enim lorem.. Lorem 
ipsum dolor sit amet, 
consectetur adipiscing elit. 
Aenean a negue mi. Donec 
dapibus aliguam iaculis. Sed 
non enim lorem. 


Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. 


IK 


Gambar Sudah Berhasil Di-Insert 


e Selanjutnya simpan hasil pekerjaan Anda dan lihat hasilnya pada 


halaman website. 


You are here. Hame » Postingan 1 


Postingan I 
SL Ia 20021 2013 Mr Catesories Artikel GM No Comment 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aengan a negue mi. Donec dapihus aliguam iaculis. Sed non enim 
lorem.. Lorem ipsum dolar sit amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapihus aliguam iaculis. Sed non 
enim larem. 


Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Aenean a 
negue mi. Donec dapibus aliguam iaculis. Sed non enim lorem 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean 3 
negue ri. Donec dapibus aliguam iaculis. Sed non enim lorem, 


Lorem ipsum dolor sit amet, cansectetur adipiscing elit. Aengan 3 
negue mi. Donec dapibus aliguam iaculis. Sed non enim larem. 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a 
negue mi. Donec dapibus aliguam iaculis. Sed noh enim lorem. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aengan 3 
negue mi. Donec dapibus aliguam iaculis. Sed non enirn lorem. 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean 3 
negue mi. Donec dapibus aliguam iaculis. Sed non enim lorem. 


Hasil Penyisipan Gambar Ilustrasi 


Keterangan: Anda dapat menggunakan cara yang sama untuk menyi- 
sipkan gambar ilustrasi seperti yang sudah dijelaskan di atas untuk Pages 


maupun Posts. 


2.4 Menyisipkan Video YouTube 


Untuk menyisipkan video youtube ke dalam halaman website, tidaklah 


sulit. Berikut ini tutorialnya: 
e Masuk ke video youtube yang ingin dimasukkan ke dalam 


halaman website. 


e Kemudian tekan tombol 
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ig Like » About Share Add to lu li 
Share this video Embed Email Hangout & 


v' Share with playlist starting from | current video - 


Mengambil Kode Video 


Embed 
e Kliktab 


e Kemudian akan terlihat kode Embed Video, copy kode tersebut. 


v' Share with playlist starting from | current video v 
Kiframe width-"560" height-"315" 


Src" ttp://uuu. youtube. com/ embed/ velg5sofDMc? 
list-UVaPnaKBLffrFkgUV1IEtCPO" framehorders"O" vw) 


alloufullscreen»«/iframe» 


I& 


Video size: 560 « 315 - 


OI Use HTTPS (?j 


CJ Enable privacy-enhanced mode (?) 


Mengambil Kode Embed Video 


e Kemudian masuk ke dalam form pengisian konten di WordPress. 


3? Add New Post 
Video 


Permalink: http//www.i.surahman.co/?p-57 | Change Permalinks 


Bkussimerin Visual | Text 


Gs 


B IT me — & 


Le) 


Mulai Menyisipkan Video Youtube 


Text 
e Klik panel 


e Kemudian paste kode di dalamnya. 


Video 

Permalink: http /Mwww.i.surahman.co!?p-57 | Change Permalinks 

Ton : 

(B1 Add Media Visual | Text 
b Pink | b-guote | det 'ins img | ul lol Ii | code | more | Iookup 


close tags | fullscreen 


Kifrawe width-"560” height-"315" 
src-"http://www. youtube. com/ embed/we1lg5sofDMc? 
list -UUaPnaKBLffrFkgUVIIEt CPO" frameborder-"O" allowfullscreen»«/iframe» 


Mem-paste Kode Video 


& Jika sudah, klik JI 


e Selanjutnya Anda dapat menambahkan keterangan text. 


Video 


Permalink: hitp:/www.i.surahman.co/?p-57 | Change Permalinks || View Post 


(8h Add Media visual | (Text 


BE a2g KA 
v“ kal az 


BI am 


Iii 


12 


Ini adalah keterangan text untuk video 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean anegue mi. 


Donec dapibus aliguam iaculis. Sed non enim lorem 


Memberikan Keterangan Text pada Video 
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Jika sudah, simpan hasil pekerjaan Anda, dan lihat hasilnya pada 


halaman website. 


Video 
24 Apr 21 2013 - ii Categories: Artikel MB No Comments 


Ini adalah keterangan text untuk video 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a negue mi. Donec dapibus aliguam iaculis. Sed non enim 
lorem 


Buku Killer Joomla, Menyulap Website Spektakule 


Uploaded videos (33 videos) 


Hasil Pemasangan Video Youtube pada Halaman Website 


2.5 Membuat Form Contact Us 


Rasanya kurang lengkap jika sebuah website tidak memiliki halaman 


Contact Us yang dilengkapi dengan form pengiriman email. Banyak 


pemilik website yang menganggap halaman Contact Us ini tidak penting. 


Meski sebenarnya halaman Contact Us yang ada di dalam sebuah 


website adalah salah satu halaman yang paling sering dilihat oleh 


pengunjung. Untuk itu pastikan di dalam halaman Contact Us yang ada 


di dalam halaman website menginformasikan data-data yang mudah 


untuk dihubungi oleh pengunjung website. 
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Langsung saja kita masuk ke dalam pembahasan membuat 
halaman Contact Us yang dilengkapi dengan halaman form 
untuk pengiriman email. Untuk kebutuhan ini, Anda memer- 


lukan bantuan plugin, filenya ada di dalam Bonus CD buku ini. 


K3 i 
e Masuk ke dalam “—” Plugins 


e Kemudian klik link Add New 


e Selanjutnya Anda akan masuk ke dalam panel Plugins. 


(# Install Plugins 
Search | Upload | Featured | Popular | Newest | Favorites 


Plugins extend and expand the functionality of WordPress. You may 
zip format via this page. 


Search 


Search Plugins 


Panel Plugins WordPress 


e Selanjutnya klik link Upload | 


e Anda akan melihat form untuk meng-upload file plugin. Silakan 
upload file contact-form-with-a-meeting-scheduler-by-vcita.zip 


yang ada di dalam Bonus CD buku ini. 


Install a plugin in .zip format 


ifyou have a plugin in a zip format you may install it by uploading it here. 


Choose File | sontact-form-...-hy-vcita.zip | Install Now 


Mulai Meng-upload File Plugin 


Install Now: 
e Klik tombol untuk memulai proses upload dan 


instalasi plugin. 
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e Anda akan mendapatkan pesan bahwa plugin telah terinstal di 


dalam sistem WordPress. 


(€ Installing Plugin from uploaded file: contact-form- 
vcita.zip 
Unpacking the package. 
Installing the plugin.. 
Plugin installed successtully. 


Activate Plugin | Return to Plugins page 


Plugin Sudah Terinstal di dalam Sistem WordPress 


Activate Plugin 


e Selanjutnya klik link untuk mengaktifkan plugin 


tersebut, dan plugin sudah aktif dan siap digunakan. 


Catatan: gunakan cara yang sama setiap kali Anda ingin menginstal se- 
buah plugin ke dalam WordPress. Anda bisa mencari plugin yang Anda 


butuhkan di official WordPress http://wordpress.org/extend/plugins/. 


W) WORDPRESS.ORG 


Showcase Themes Mobile Support Getinvolved About Blog Hosting 


Plugin Directory Usemame Paseword 


Extend Home 


Plugins 


» Developer Center 


Themes 


24,6521 WNLOADS, AND € ITING 
Mobile Search Plugins 

Ideas 

si Featured Plugins 


bbPress 

Popular Tags — More» Download 
bbPress is forum software, made the WordPress way 

widget (3,406) 

Post (2,207) MESUnenaene Download 

A very fast caching engine for WordPress that produces static html files 

plugin (2,091) 


http://wordpress.org/extend/plugins/ - Directory Plugin WordPress 
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Langkah selanjutnya melakukan penyetingan yang diperlukan, 


vCita Contact 
masuk ke dalam menu " F 


Anda akan masuk ke dalam panel form vCita Contact untuk 


melakukan penyetingan yang diperlukan. 


Pada kolom Contact reguests will be sent to this email, isikan 
dengan alamat email untuk menerima data email yang dikirim 
oleh pengunjung. 

Lok | 
Kliktombol —. 


Anda akan dibawa masuk ke dalam website vCita. Untuk mengo- 


neksikan WordPress widget, silakan isi data yang diminta. 


Connect your Wordpress widget to vCita 
"Email info@surahman.net 
"First name su 


Last name tahman 


Mengoneksikan VCita dengan WordPress Widget 


Tekan tombol Submit, dan akan akan dibawa kembali masuk ke 
dalam panel vCita. Sebelum melanjutkan, silakan Anda akses 


website terlebih dahulu. 


Pada bagian bawah website, akan keluar menu baru. 
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Penambahan Menu Baru 


Jika Anda klik maka akan keluar sebuah pesan untuk menjad- 


walkan pertemuan atau mengirimkan email. 


fl can help in any way, please dont hesitate to set a time to 
meet or leave your details and III get back to you 


Ike to taik about? 


| What would 


& 


KeMeNag or Leave Contact Details 


Halaman Permohonan Jadwal Pertemuan 


Send a message to su rahman 


Message information 


Subject | Contact reguest | 


Message | 
Z/ 


Provide Your Contact Information 


Email | Or we can import your details 


First Name i from Facebook 


Last Name | 


Send Message | Setan Appointment 


Halaman Pengiriman Pesan 


Silakan mencobanya. 


Anda dapat menggunakan fitur permohonan jadwal pertemuan 


Contact nctive Engage 


atau menonaktifkannya pada kolom 


7 Edit | 
lalu klik tombol : 


Jika Anda tidak ingin menggunakan fitur permohonan jadwal 


pertemuan, maka pada kolom Scheduling buang tanda centang 


CJ Offer meetings and services 


Done 


halaman website, dan fitur permohonan penjadwalan sudah 
ditiadakan. 


yang ada menjadi 


Kemudian tekan tombol . Silakan lihat pada 


Selanjutnya jika Anda ingin mengaktifkan fitur tersebut, Anda 
harus melakukan penyetingan agar fitur tersebut dapat berjalan 


sebagaimana mestinya. 


Beri tanda centang pada kolom Scheduling menjadi 


Offer meetings and services 


kdi Tini Services & Scheduling are not configured et 


Let's start! 


Untuk melanjutkan, tekan tombol 


Selanjutnya isi data yang diminta. 
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BN introductory phone cat at | 0217370544 


MI SA An appointment at rny Office at Jl. Bintaro Raya No 627 Jakarta Sel 


DO Mk online consulting session at 
Mengisi Data untuk Penjadwalan 


Anda akan melihat waktu berupa 30 min, itu adalah lamanya 
waktu pertemuan yang akan diberikan. Anda bisa mengubahnya 


dengan mengeditnya. 


. Save and Continue 
Selanjutnya tekan tombol : 


Silakan tetapkan timezone yang ingin Anda gunakan. 


, Save and Continue 
Kemudian tekan tombol : 


Anda akan mendapatkan penawaran untuk menggunakan fitur 
Want to improve the scheduling experience for you and your 


clients? 


Try it Free 


Namun nantinya Anda akan dikenakan fee, penggunaan fitur ini 


Jika Anda ingin mencobanya, klik tombol 


hanya gratis selama 14 hari. 
Langsung saja klik link Not Now untuk mengakhiri proses. 


Selanjutnya Anda bisa menset penjadwalan yang diterapkan di 


website, facebook, tanda tangan email dan email klien. 


GI 2? R 


Your website Facebook page Email signature Send an email to clients 


Penerapan Sisitem Penjadwalan 


e Silakan Anda terapkan pada media yang Anda inginkan. Namun 
pastinya Anda harus menerapkan pada website dengan meng- 
klik tombol Your Website ». 


e Terakhir, tekan tombol | Done | . 


Secara default, plugin ini sudah membuat sebuah halaman baru yang 
diberi nama Contact. Silakan lihat pada halaman website Anda, ada 
penambahan menu baru tersebut. Anda bisa menambah informasi di 


halaman tersebut dengan cara: 


e Masuk ke menu Pages 
e Kemudian klik All Pages 


e Edit halaman Contact. 


e Di atas kode (vCitaContact|, Anda bisa memasukkan informasi 
yang ingin Anda tambahkan, termasuk juga menambahkan 


gambar ilustrasi. 


BI me ES “aa 

3 Pa 2g : 
A-G HBO La) @ 
Jannan ut kena uns ini ponke Hn 


Magna taat Aa 


Paragraph v U 


TI 


Sed non enim lo: 


negue mi. Donec dapibus aliguam iaculis. Sed non enim lorem.. 


Lorem ipsum dolor sit amkt, consectetur adipiscing elit. Aenean a negue mi. 


Donee dapibusaligua ed non enim lorem.. Lorem ipsum dolor sit 


A elit. Aenean anegue nec dapibus aliguam 
iaculis. Sed non enim lorem.. 
“ 
Path: p 
Word count: 81 Draft saved at 9:00:17 pm. Last edited on April 23, 2013 at 8:30 pm 


Penambahan Text Informasi pada Halaman Contact Us 


e Jika sudah, tekan tombol ' 


e  Dansilakan lihat hasilnya pada halaman website. 


contact 


Hasil Pemasangan Form pada Halaman Contact 


Plugin vCita bukan hanya form email, melainkan sebuah sistem email, di 
mana semua data tercatat. Untuk melakukan reply pun tidak dilakukan 
melalui email, melainkan melalui sistem yang sudah disediakan oleh 
VCita. Anda cukup mengklik tombol Reply yang ada pada pesan email 
yang Anda terima, dan Anda akan masuk ke dalam sistem vCita untuk 


membalas email. 


Dengan cara sederhana dan mudah seperti ini, website Anda sudah 


dilengkapi dengan sistem email modern dan berkelas. 
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